<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<script src="js/jquery-1.8.3.min.js"></script>
	<style>
		.main{
			font-family: Source Code Pro,Microsoft YaHei;
			text-align: left;
			font-size: 18px;
			font-weight: 500;
			width: 80%;
			margin: 0 auto;
			background: #ccc;
		}
		p:first-letter{
			color:#ff0097;
			font-weight: 700;
		}
		.spec p{
			margin:5px;
		}
		.tip{
			color:#ff0097;
			font-weight: 500;
		}
	</style>
	<title>zhangqi_file</title>
</head>
<body>
	<div class="main">
		<h2>::first-letter简单的小实例</h2>
		<h4>不是所有的字符都能单独作为::first-letter伪元素存在的</h4>
		<div class="spec">
			<p>······辅助</p>
			<p>``````辅助</p>
			<p>~~~~~~辅助</p>
			<p>@@@@@@辅助</p>
			<p>######辅助</p>
			<p>$$$$$$辅助</p>
			<p>%%%%%%辅助</p>
			<p>^^^^^^辅助</p>
			<p>&amp;&amp;&amp;&amp;&amp;&amp;辅助</p>
			<p>******辅助</p>
			<p>((((((辅助</p>
			<p>))))))辅助</p>
			<p>（（（（（（辅助</p>
			<p>））））））辅助</p>
			<p>______辅助</p>
			<p>++++++辅助</p>
			<p>======辅助</p>
			<p>------辅助</p>
			<p>[[[[[[辅助</p>
			<p>]]]]]]辅助</p>
			<p>【【【【【【辅助</p>
			<p>】】】】】】辅助</p>
			<p>{{{{{{辅助</p>
			<p>}}}}}}辅助</p>
			<p>::::::辅助</p>
			<p>：：：：：：辅助</p>
			<p>""""""辅助</p>
			<p>““““““辅助</p>
			<p>””””””辅助</p>
			<p>;;;;;;辅助</p>
			<p>；；；；；；辅助</p>
			<p>''''''辅助</p>
			<p>‘‘‘‘‘‘辅助</p>
			<p>’’’’’’辅助</p>
			<p>》》》》》》辅助</p>
			<p>《《《《《《辅助</p>
			<p>&lt;&lt;&lt;&lt;&lt;&lt;辅助</p>
			<p>&gt;&gt;&gt;&gt;&gt;&gt;辅助</p>
			<p>,,,,,,辅助</p>
			<p>，，，，，，辅助</p>
			<p>......辅助</p>
			<p>。。。。。。辅助</p>
			<p>√√√√√√辅助</p>
			<p>××××××辅助</p>
			<p>¥¥¥¥¥¥辅助</p>
			<p>￥￥￥￥￥￥辅助</p>
			<p>♂♂♂♂♂♂辅助</p>
			<p>♀♀♀♀♀♀辅助</p>
			<p>？？？？？？辅助</p>
			<p>??????辅助</p>
			<p>!!!!!!辅助</p>
			<p>！！！！！！辅助</p>
			<p>………………辅助</p>
			<p>………………辅助</p>
			<p>******辅助</p>
			<p>——————辅助</p>
			<p>——————辅助</p>
			<p>++++++辅助</p>
			<p>||||||辅助</p>
			<p>、、、、、、辅助</p>
			<p>//////辅助</p>
			<p>\\\\\\辅助</p>
		</div>
		<div class="tip">
			总结下来就是，“赠品字符”包括：·@#%&*()（）[]【】{}:："“”;；'‘’》《,，.。？?!！…*、/\。正常直接可以作为伪元素的字符就是数字，英文字母，中文以及$以及一些运算符以及非常容易忽视的空格等。这里空格有必要再加粗强调下，很容易忽视的一个字符。
		</div>
	</div>
</body>
</html>
